<div class="multiSelectBox">
    <select asynchronousUpdate = '1'
            class="multiselect"
            id="multiselect-{$item.fieldId}"
            multiple
            size="{$item.size|default: 5}"
            name="{$item.name|default: null}"
            title="{$item.title}">
            {foreach from=$item.options key=optionKey item=option}
                <option value="{$option.id}">{$option.name}</option>
            {/foreach}
    </select>
    <div class="multiSelect-buttons">
        <a class="add" href="javascript:multiSelectAdd({$item.fieldId})"></a>
        <a class="clear" href="javascript:multiSelectClear({$item.fieldId})"></a>
    </div>
</div>
<ul class="multiSelectList" id="multiselectList-{$item.fieldId}">
    {include file='form/multiselect/list.tpl'}
</ul>
<script type="text/javascript">sortableInit('multiselectList-{$item.fieldId}')</script>